// 表格表头
.el-table th, .el-table thead tr
  background #d4dee2 !important
  text-align center
// 表头文字居中
.has-gutter tr th
  text-align center
.has-gutter tr th .cell
  color #506470
// 查询按钮
.el-button--primary
  background-color #3bc0c3!important
  min-width 115px
  height 28px
  line-height 0.7!important
  outline none!important
  border none!important
  &:hover
    box-shadow: 0 0 10px 2px #46dbde
  span
    color #fff
// 默认按钮
.el-button--default
  background-color #93aec1!important
  min-width 115px
  height 28px
  line-height 0.7!important
  outline none!important
  border none!important
  span
    color #fff
  &:hover
    background-color #314350!important
    box-shadow: 0 0 10px 2px #3a749e
  &.is-disabled
    background-color #d5d6d7!important
    box-shadow: none

// tab页
  .el-tabs__item.is-active
    color #3bc0c3!important
    font-weight 700
  .el-tabs__active-bar
    background-color #3bc0c3!important
    font-weight 700
  .el-tabs__item:hover
    color #3bc0c3!important
    font-weight 700

// 表单中的分割横线
.split
  width 70px
  position relative
  &::after
    content: ''
    display block
    width 85%
    height 1px
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-50%)
    background #c0c4cc

// 单行表单
.cargo-single-form
  .form-item
    display flex
    align-items center
    padding-right 10px
    box-sizing border-box
    .input
      flex 1
      display flex
      .el-input
        flex 1
        margin 0 5px
        width auto
    .label
      text-align center
      flex 0 0 auto
      padding 0 10px
      .el-input
        width 100px!important

// 多行表单
.cargo-form
  display flex
  align-items center
  form
    width 100%
    .el-form-item
      width 100%
      display flex
      margin-bottom 13px
      .el-form-item__label
         white-space nowrap
         overflow hidden
         text-overflow ellipsis
         flex 0 0 100px
      .el-form-item__content
         flex 1
         display flex
         align-items center
         justify-content space-between
        .el-input + .el-button
          margin-left 10px
    .el-date-editor.el-input, .el-date-editor.el-input__inner
      width 100%
  &.no-valid
    .el-form-item
      margin-bottom 0
  &.single
    .el-form-item
      .el-form-item__label
        padding 0 20px
        flex 0 0 auto
        text-align center
// 单选中的表格
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td
  background-color #f5f7fa !important

// 表格复选框居中
.el-table-column--selection .cell
  text-align center
// input框激活
.el-input.is-active .el-input__inner, .el-input__inner:focus
  border-color #93aec1 !important

// tab底色
.white-tab .el-tabs__nav-wrap
    background #fff !important
    padding 10px !important
    box-shadow 3px 3px 10px #ddd

.fixed  {
  position fixed
}
// 大写输入框
.uppercase-input
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 0.285714rem;
  border: 0.071429rem solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 2rem;
  line-height: 1;
  outline: 0;
  padding: 0 1.071429rem;
  -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;

// 分页框
  &.hy-pagination
    .el-pager
      li
        &:hover
          color #93aec1!important
        &.active
          background-color #d4dee2 !important

// 弹窗样式
.el-message-box__header
  background-color #d5dee3 !important
  display flex !important
  padding 10px 10px!important
  justify-content space-between !important
  .el-message-box__title
    color #4c6675!important
  button
    position static
